<template>
	<view>
		<u-sticky offset-top="0">
			<navBarView title="审批管理" :statusBarHeight="statusBarHeight"></navBarView>
		</u-sticky>
		<view class="headerView">
			<view class="criminalTypeView flex-row-center">
				<view @click="managerOrYinZhangClick(0)" class="criminalTypeItem" style="border-radius: 10rpx 0rpx 0rpx 10rpx;" :style="managerOrYinZhangIndex==0?'color: #fff;':'color: #333333;background-color: white;'">
					管理员
				</view>
				<view @click="managerOrYinZhangClick(2)" class="criminalTypeItem" style="border-radius: 0rpx 10rpx 10rpx 0rpx;" :style="managerOrYinZhangIndex==2?'color: #fff;':'color: #333333;background-color: white;'">
					印章
				</view>
			</view>
		</view>
		<view v-if="managerOrYinZhangIndex==0" class="listItem flex-row-space-between" v-for="index in 5" :key="index">
			<view class="listItem1 flex-row-flex-start">
				<image class="listItem1a"></image>
				<view class="listItem1b">
					<view class="listItem1b1">
						张主任
					</view>
					<view class="listItem1b2">
						18888888888
					</view>
				</view>
			</view>
			<view class="listItem2 flex-row-flex-end">
				<image src="/static/itemIcon_select.png" class="listItem2a"></image>
				<view class="listItem2b">
					设为审批人
				</view>
			</view>
		</view>
		<view v-if="managerOrYinZhangIndex==2">
			<view style="margin-top: 40rpx;margin-left: 24rpx;">
				收案收款专用章
			</view>
			<image src="/static/dianji_upload.png" style="width: 226rpx;height: 226rpx;margin-top: 24rpx;margin-left: 24rpx;"></image>
			<view style="margin-top: 60rpx;margin-left: 24rpx;">
				合同专用章
			</view>
			<image src="/static/dianji_upload.png" style="width: 226rpx;height: 226rpx;margin-top: 24rpx;margin-left: 24rpx;"></image>
			<view style="margin-top: 60rpx;margin-left: 24rpx;">
				所函专用章
			</view>
			<image src="/static/dianji_upload.png" style="width: 226rpx;height: 226rpx;margin-top: 24rpx;margin-left: 24rpx;"></image>
		</view>
		
		<view style="height: 190rpx;"></view>
		<view v-if="managerOrYinZhangIndex==0" class="fixed-bottom flex-row-center" style="height: 180rpx;background-color: white;">
			<view @click="saveHeTongClick()" class="loginButton2">
				确定
			</view>
		</view>
		<view v-if="managerOrYinZhangIndex==2" class="fixed-bottom flex-row-center" style="height: 180rpx;background-color: white;">
			<view @click="createQRCodeClick()" class="saveButton">
				添加
			</view>
			<view @click="daKuanClick()" class="loginButton">
				确定
			</view>
		</view>
	</view>
</template>

<script>

	export default {
		
		onShow() {
			let sysInfo = uni.getSystemInfoSync()
			this.statusBarHeight = sysInfo.statusBarHeight; // 状态栏高度
			this.criminalTypeViewTopHeight = 88+15; // case tyep 距离顶部高度
		},
		data() {
			return {
				statusBarHeight: '',// 状态栏高度 
				managerOrYinZhangIndex:0,
				
			}
		},
		methods: {
			managerOrYinZhangClick(index){
				this.managerOrYinZhangIndex = index
			}
		}
	}
</script>

<style>
	.listItem2a{
		width: 36rpx;
		height: 36rpx;
	}
	.listItem2b{
		margin-left: 8rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #333333;
	}
	.listItem1b2{
		margin-top: 14rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
	}
	.listItem1b1{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
	}
	.listItem1b{
		margin-left: 28rpx;
	}
	.listItem1a{
		width: 104rpx;
		height: 104rpx;
		border-radius: 52rpx;
		background-color: #E93548;
	}
	.listItem{
		margin-left: 24rpx;
		margin-top: 24rpx;
		width: 654rpx;
		padding-left: 24rpx;
		padding-right: 24rpx;
		padding-top: 32rpx;
		padding-bottom: 32rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(0,0,0,0.04);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
	}
	.criminalTypeItem{
		margin-left: 1rpx;
		width: 348rpx;
		height: 74rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		line-height: 74rpx;
		text-align: center;
	}
	.criminalTypeView{
		width: 702rpx;
		height: 80rpx;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		background: linear-gradient( to bottom, #E93548 0%, #F35B43 100%);
	}
	.headerView{
		width: 702rpx;
		background-color: white;
		padding: 24rpx;
	}
	.loginButton2 {
		margin-top: 10rpx;
		margin-left: 64rpx;
		width: 620rpx;
		height: 90rpx;
		background: linear-gradient( to bottom, #E93548 0%, #F35B43 100%);
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(235,43,59,0.4);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 90rpx;
		text-align: center;
	}
	.saveButton{
		width: 342rpx;
		height: 90rpx;
		border: 2rpx solid #E93548;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #E93548;
		line-height: 90rpx;
		text-align: center;
	}
	.loginButton {
		margin-left: 18rpx;
		width: 342rpx;
		height: 90rpx;
		background: linear-gradient( to bottom, #E93548 0%, #F35B43 100%);
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(235,43,59,0.4);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 90rpx;
		text-align: center;
	}
	page{
		background-color: #FAF7F8;
	}

</style>
